.mdl-grid.expand
	.mdl-cell--3-col#contacts
		.mdl-card.mdl-shadow--2dp.flex.card-piece
			button.mdl-button.mdl-js-button.mdl-button--icon(onclick="refreshContacts()")
				i.material-icons refresh
			.mdl-layout-spacer
			button.mdl-button.mdl-js-button.mdl-button--icon(onclick="openDialog('add-person')")
				i.material-icons add
		hr
		#contacts-container
			.mdl-card.mdl-shadow--2dp.card-piece
				.mdl-card__content.contacts-default-holder
					span 点击右上角的
					i.material-icons add
					span 添加联系人
	.mdl-cell--9-col#chatbox
		#msgbox
			.mdl-card.mdl-shadow--2dp.mdl-card--expand#messages
				.absolute-centering
					span 从左侧选择联系人
		#toolbox
			.mdl-card.mdl-shadow--2dp.mdl-card--expand
				.mdl-card__content
					.toolbar
						button.mdl-button.mdl-js-button.mdl-button--icon()
							i.material-icons mood
						button.mdl-button.mdl-js-button.mdl-button--icon()
							i.material-icons image
						button.mdl-button.mdl-js-button.mdl-button--icon(onclick="sendFile()")
							i.material-icons attachment
						label.mdl-icon-toggle.mdl-js-icon-toggle(for="isRawHtml")
							input#isRawHtml.mdl-icon-toggle__input(type="checkbox")
							i.mdl-icon-toggle__label.material-icons code
						.mdl-layout-spacer
						button.mdl-button.mdl-js-button.mdl-button--colored(onclick="sendMessage()")
							span 发送
							i.material-icons send
		#typebox
			.mdl-card.mdl-shadow--2dp.mdl-card--expand
				.mdl-textfield.mdl-js-textfield.mdl-textfield--compact
					textarea.mdl-textfield__input(rows=5)#chatmsg
					label.mdl-textfield__label(for="chatmsg") 说点什么...
			#uploadbox.mdl-card.mdl-shadow--3dp.mdl-card--expand.hidden
				span#uploadWrapper
					span#uploadFilename 文件名
					span#uploadPercentage 0%